@charset "utf-8";
/* CSS Document */
body{border:0px;font-size:12px;font-family:,Arial,simsun,scans-serif;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;margin:0px;padding:0px;color:#333;line-height:1.9em; background:#e2e2e2}
form,p,div,ol,ul,p,h1,h2,h3,h4,input,li,span{margin:0px;padding:0px;}
img{border:0;}
html { overflow: auto; }
em{font-style:normal;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#508eb3;cursor:pointer;}
ul,li{list-style-type:none;list-style-position:outside;list-style-image:none;}
th,td{font-size:12px;line-height:2em;}
input,select,textarea{font-size:12px;}
textarea{overflow-y:scroll;border:1px solid #c2defd;}
li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
h1{font-size:1.4em;}
h2{font-size:1.17em; color:#0060a1}
h3{font-size:1em;}
button{line-height:1.2em;font-size:12px;border:0px;cursor:pointer;}
.key{font-weight:bold;}
.text_b,a.text_b:link,a.text_b:visited{text-decoration:underline;}
.lit_font{font-size:12px;}
.big_font{font-size:14px;}
.font_weight{font-weight:normal;}
.more{float:right;margin-top:-2em;}
/* Ϊȫֱ */
.clear:after{content:".";height:0;overflow:hidden;display:block;clear:both;}
.clear{display:inline-block;}
.clear{display:block;}
/* */

.top{ height:68px; width:100%; background:url(../images/service_title.jpg) repeat-x}
.t_logo{widht:289px; background:url(../images/service_logo.jpg) no-repeat; height:68px;}

.cont{padding:10px;}

.box{ width:300px; height:150px; background:#ffffff; border:1px solid #666666; position:absolute;z-index:9999; display: none }
.box_title{width:300px; height:30px;background:#cccccc; margin:0;} 
.box_title .t_text{ width:80px; height:30px; line-height:30px;float:left; padding-left:2px;color:#666666;font-weight:bold}
.box_title .t_pic{width:18px; height:18px; float:right;padding-right:2px;padding-top:6px; }
.box_con{width:300px; height:104px;text-align: center; line-height:40px; padding-top:16px}
.download_RedLink{ font-size: 18px; font-weight: bold; color:#ff3300}


.right{width:325px; float:right; background:#ffffff; border:1px solid #afafaf}
.r_customer_information{ height:38px; border-bottom:1px solid #c6c6c6; line-height:30px; background:#f0f0f0; clear:both}
.r_customer_information span{ background:url(../images/r_service_user_pic.jpg) no-repeat 10px center; padding-left:46px; height:38px; line-height:38px;overflow:hidden; display:block; font-size:14px; font-weight:bold; color:#333333}
.r_customer_peo{}
.r_customer_peo span{ background:url(../images/r_service_peo_pic.jpg) no-repeat 10px center}
.r_customer_ls{ padding:10px; height:376px}
.r_customer_ls_bottom{height:183px;}
.r_customer_ls ul{ font-size:14px;}
.r_customer_ls ul li{ height:26px; line-height:26px;}
.r_customer_ls span{ color:#666666; width:60px; display:block; float:left; }
.r_customer_ls b{float:left; display:block; color:#000000; font-weight:normal}




.left{margin-right:336px; background:#ffffff; border:1px solid #afafaf}
.l_service_title{ height:29px; background:#fefcc6; border-bottom:1px solid #dad8a3; line-height:29px;}
.l_service_title span{ height:28px; background:url(../images/service_news_tb.jpg) no-repeat 10px center; padding-left:30px; display:block; float:left}
.l_service_expression{background:#f0f0f0; height:38px; border-bottom:1px solid #d1d1d1; line-height:38px;}
.l_service_expression ul li{ float:left; padding:4px 5px 0px 5px; text-align:center;}
.l_service_expression .evaluate_pic{ background:url(../images/evaluate_pic.jpg) no-repeat 20px 10px; padding-left:44px; font-size:14px; line-height:30px;}


.l_service_print{ height:201px;}
.l_service_input{}
.l_service_btn{width:150px; float:right; padding:58px 0 0 30px; _padding:58px 0 0 0; text-align:center;}
.l_service_btn a:link, .l_service_btn a:visited{ cursor:pointer; width:117px; height:118px; background:url(../images/enter_btn.jpg) no-repeat; display:block}
.l_service_btn a:hover{ background:url(../images/enter_btn_active.jpg) no-repeat;  width:117px; height:118px;}
.l_service_text{width:99%; height:140px; border:none;}
.l_service_input{ margin-right:180px;}

.l_service_print_title{ background:url(../images/l_edit_title_bg.jpg) repeat-x;}



.in_serverlist {width:325px;border:1px solid #c8c8c8;}

#channel {height:39px;width:324px;line-height:39px; background:#f0f0f0}
#sex_channel {width:325px;height:30px;margin:0;padding:0;}
#sex_channel li {width:122px;float:left;font-weight:none;text-align:center;height:40px;line-height:40px;cursor:hand; font-size:14px;}


#sex_smail_channel {width:325px;height:30px;margin:0;padding:0;}
#sex_smail_channel li {width:108px;float:left;font-weight:none;text-align:center;height:40px;line-height:40px;cursor:hand; font-size:14px;}
  


.L_xuanxiangka {width:325px;float:left;margin-top:4px; overflow:auto}
.L_xuanxiangka ul {padding:0px;margin:0px;}
.L_xuanxiangka li {line-height:50px;height:50px;width:271px; _width:316px; float:left;padding-left:54px; font-size:14px; background:url(../images/r_peoLs_tb.jpg) no-repeat}
.L_xuanxiangka span{ color:#dd3300}
.L_xuangxiangka_peo li{ background:url(../images/r_userLs_tb.jpg) no-repeat}
.curMenu{color:#ffffff;	font-weight:bold; background:url(../images/r_select_acitve.jpg) repeat-x;}

.r_customer_ls_news ul {padding:0px;margin:0px;}
.r_customer_ls_news li{line-height:50px;height:50px;width:271px; _width:316px; float:left;padding-left:54px; font-size:14px; background:url(../images/r_peoLs_tb.jpg) no-repeat}
.r_customer_ls_news span{ color:#dd3300}

.r_customer_lst{width:325px;float:left;margin-top:4px; overflow:auto}
.r_customer_lst ul{padding:0; margin:0}
.r_customer_lst ul li{line-height: 50px;height: 50px;width: 271px;_width: 316px;float: left;padding-left: 54px;font-size: 14px;
background: url(../images/r_userLs_tb.jpg) no-repeat; margin-left:-5px}
.r_customer_lst span{color:#dd3300}

li.conecting{
	background:url(../images/news_pic_ico.gif) no-repeat; width:271px; _width:316px;
}
li.selected{
	background:url(../images/hhz_pic_new.gif) no-repeat; width:271px; _width:316px;
}

li.msgFlash1{
	background:url(../images/news_pic_ico11.gif) no-repeat; width:271px; _width:316px;
}
li.msgFlash2{
	background:url(../images/news_pic_ico22.gif) no-repeat; width:271px; _width:316px;
}








/* chatroomV2 */
/* 营业员等待连接时的样式，等待logo */
.r_customer_ls_news .visit_wait_response {
	background:url(../images/wait_pic02.gif) no-repeat; width:271px; _width:316px; margin-left:-8px}
.r_customer_ls_news .seatInFlash1{
	background:url(../images/news_pic_ico11.gif) no-repeat; width:271px; _width:316px;
}
.r_customer_ls_news .seatInFlash2{
	background:url(../images/news_pic_ico22.gif) no-repeat; width:271px; _width:316px;
}
.r_customer_ls_news .isBusy{
	background:url(../images/ml_pic.gif) no-repeat; width:271px; _width:316px;
	
}


.hfls{ position:absolute;bottom:45px;_bottom:62px; right:470px; _right:474px;height:180px; width:400px; overflow:auto;border:1px solid #aaaaaa; padding:10px 0px 10px 0px; background:#ffffff; z-index:9999}
.hfls p{ display:block; padding:0px 10px 0px 10px; line-height:20px;}
.hfls p:hover{ background:#c6dff1; color:#333333}
.kshf_text{ position:absolute;width:300px; height:200px; right:350px; bottom:12px}
.l_service_overF{overflow:auto}
.l_service_bj{height:200px; overflow:hidden; margin:0; padding:0; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc}
.l_service_cz{ height:40px; line-height:40px; background:#f0f0f0}

.l_service_cz_myd{float:left; padding-left:12px; height:40px; line-height:40px; display:block; padding-top:9px}
.l_service_cz_pj{width:78px; height:22px; border:none; cursor:pointer; background:url(../images/mydpj_btn.png) no-repeat}
.l_service_cz_pj:hover{ background:url(../images/mydpj_btn02.png) no-repeat}


.l_serviceList{position:absolute; left:11px; top:109px;background: #fff}
.l_serviceHidden{display: none;}
.serviceList_close_btn{background:url(../images/close.png) no-repeat ;width: 18px;height: 18px;position: absolute;right: 360px;top: 120px; cursor: pointer; display: none}
.serviceList_close_btn_show{background:url(../images/close.png) no-repeat ;width: 18px;height: 18px;position: absolute;right: 360px;top: 120px; cursor: pointer;}

.l_service_cz_button{width:518px; height:40px; float:right; padding-top:9px; text-align: right;}
.ksButton{height:22px; width:83px; background:url(../images/kshf_btn.png) no-repeat; border:none; float:right; display:block; margin-right:12px; cursor:pointer}
.ksButton:hover{background:url(../images/kshf_btn2.png) no-repeat;}
.l_service_cz_send{background:url(../images/sendBtn_bg.png) no-repeat; cursor:pointer; width:100px; height:22px; border:none; float:right; display:block; margin-right:12px }
.l_service_cz_send:hover{background:url(../images/sendBtn_bg2.png) no-repeat;  }


.HistoryNews_text{ margin-right:12px;}
.HistoryNews_text input{ vertical-align: top; margin-top:1px}
.HistoryNews_btn{ background:url(../images/History_news_btn.jpg) no-repeat; width:76px; height:22px; border:none; vertical-align: top}
.HistoryNews_btn:hover{ background:url(../images/History_news_btn02.jpg) no-repeat;}



.cutpast{width:16px; height:16px; position: absolute;bottom: 232px;left: 320px;z-index: 9999;cursor: pointer; background:url(../images/cut_pas_ico.png) no-repeat}

.L_xuanxiangka .L_xuangxiangka_close{width:16px; height:16px; cursor:pointer; display:block; float:right; background:url(../images/yichu_pic.jpg) no-repeat;  padding:0;margin-top: -32px;margin-right: 8px}
.L_xuanxiangka .L_xuangxiangka_zj{width:16px; height:16px; cursor:pointer; display:block; float:right; background:url(../images/zhuanjie_pic.png) no-repeat;  padding:0;margin-top: -32px;margin-right: 8px}


.in_serverlist_two{border:none}
.in_serverlist_two #sex_smail_channel li{width:162px;}
.in_serverlist_two .xuanxiangka2{width:324px}

